<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="src/css/index.css">
    <link rel="stylesheet" href="src/component/select/com-select.css">
    <link rel="stylesheet" href="src/component/message/com-message.css">
    <script src="src/lib/jquery.min.js"></script>
    <script src="src/js/common.js"></script>
    <!--<script src="src/lib/jquery.ui.widget.js"></script>
    <script src="src/lib/jquery.iframe-transport.js"></script>
    <script src="src/lib/jquery.fileupload.js"></script>-->

    <!--组件调用-->
    <script src="src/component/select/com-select.js"></script>
    <script src="src/component/message/com-message.js"></script>
    <script src="src/component/radio/com-radio.js"></script>
    <script src="src/component/alert/com-alert.js"></script>
</head>
<body>

<div class="container">

    <div class="type">
        <section class="com-select" id="selectRev">
            <label class="sel-item">
                <input class="sel-head" value="" readonly placeholder="请选择版本"/>
                <input name="selectRev" type="hidden" value="">
            </label>
            <ul class="sel-content">
                <li data-val="index.html" class="sel-list">版本1</li>
                <li data-val="index2.html" class="sel-list">版本2</li>
            </ul>
        </section>

        <section class="com-select" id="selectTemplate">
            <label class="sel-item">
                <input class="sel-head" value="" readonly placeholder="请选择模板"/>
                <input name="template" type="hidden" value="">
            </label>
            <ul class="sel-content">
                <li data-val="fashionme" class="sel-list">fashionme</li>
                <li data-val="luvyle" class="sel-list">luvyle</li>
                <li data-val="bellalike" class="sel-list">bellalike</li>
                <li data-val="bellalike-spain" class="sel-list">bellalike-spain</li>
                <li data-val="berrylook" class="sel-list">berrylook</li>
                <li data-val="stylishplus" class="sel-list">stylishplus</li>
                <li data-val="orderplus" class="sel-list">orderplus</li>
                <li data-val="sugarmod" class="sel-list">sugarmod</li>
                <li data-val="hellocloth" class="sel-list">hellocloth</li>
                <li data-val="calladream" class="sel-list">calladream</li>
                <li data-val="aqilabuy" class="sel-list">aqilabuy</li>
                <li data-val="lululike" class="sel-list">lululike</li>
            </ul>
        </section>
    </div>

    <form class="form mt10">

        <div class="form-item pd10">
            <label class="form-title"><i></i>日期：</label>
            <div class="form-content">
                <input name="date" class="form-input" type="text" placeholder="例：20170212">
            </div>
        </div>

        <div class="box-list">
            <h1>BANNER</h1>
            <div class="form-item">
                <label class="form-title"><i></i>链接：</label>
                <div class="form-content">
                    <input name="b1link" class="form-input" type="text">
                </div>
            </div>
            <div class="form-item">
                <label class="form-title">描述：</label>
                <div class="form-content">
                    <input name="b1title" class="form-input" type="text">
                </div>
            </div>

            <div class="form-item">
                <label class="form-title">图片：</label>
                <div class="form-content">
                    <label>
                        <span class="btn-file">上传图片</span>
                        <input class="hide" data-name="b1src" name="file" type="file" accept="image/jpg,image/jpeg,image/png" multiple="multiple">
                    </label>
                    <input name="b1src" class="form-input dress-hot-path" type="text" placeholder="不必填写">
                </div>
            </div>
        </div>

        <!--banner2-->
        <div class="box-list">
            <h1>BANNER2</h1>
            <div class="form-item">
                <label class="form-title"><i></i>链接：</label>
                <div class="form-content">
                    <input name="b4link" class="form-input" type="text">
                </div>
            </div>
            <div class="form-item">
                <label class="form-title">描述：</label>
                <div class="form-content">
                    <input name="b4title" class="form-input" type="text">
                </div>
            </div>

            <div class="form-item">
                <label class="form-title">图片：</label>
                <div class="form-content">
                    <label>
                        <span class="btn-file">上传图片</span>
                        <input class="hide" data-name="b4src" name="file" type="file" accept="image/jpg,image/jpeg,image/png" multiple="multiple">
                    </label>
                    <input name="b4src" class="form-input dress-hot-path" type="text" placeholder="不必填写">
                </div>
            </div>
        </div>

        <div class="box-list">
            <h1>LEFT-BANNER</h1>
            <div class="form-item">
                <label class="form-title"><i></i>链接：</label>
                <div class="form-content">
                    <input name="b2link" class="form-input" type="text">
                </div>
            </div>

            <div class="form-item">
                <label class="form-title">描述：</label>
                <div class="form-content">
                    <input name="b2title" class="form-input" type="text">
                </div>
            </div>

            <div class="form-item">
                <label class="form-title">图片：</label>
                <div class="form-content">
                    <label>
                        <span class="btn-file">上传图片</span>
                        <input class="hide" data-name="b2src" name="file" type="file" accept="image/jpg,image/jpeg,image/png" multiple="multiple">
                    </label>
                    <input name="b2src" class="form-input dress-hot-path" type="text" placeholder="不必填写">
                </div>
            </div>
        </div>

        <div class="box-list">
            <h1>RIGHT-BANNER</h1>
            <div class="form-item">
                <label class="form-title"><i></i>链接：</label>
                <div class="form-content">
                    <input name="b3link" class="form-input" type="text">
                </div>
            </div>

            <div class="form-item">
                <label class="form-title">描述：</label>
                <div class="form-content">
                    <input name="b3title" class="form-input" type="text">
                </div>
            </div>

            <div class="form-item">
                <label class="form-title">图片：</label>
                <div class="form-content">
                    <label>
                        <span class="btn-file">上传图片</span>
                        <input class="hide" data-name="b3src" name="file" type="file" accept="image/jpg,image/jpeg,image/png" multiple="multiple">
                    </label>
                    <input name="b3src" class="form-input dress-hot-path" type="text" placeholder="不必填写">
                </div>
            </div>
        </div>

        <h1>产品列表</h1>
        <div class="form-item">
            <label class="form-title">Sku：</label>
            <div class="form-content">
                <textarea rows="2" cols="2" name="sku" placeholder="请以逗号分隔sku"></textarea>
            </div>
        </div>

        <div class="form-item">
            <label class="form-title"><i></i>链接：</label>
            <div class="form-content">
                <input name="callback" class="form-input" type="text" placeholder="生成链接">
            </div>
        </div>

        <div class="form-item tc">
            <!--<button id="test" class="btn-sub ml10 testTemp" type="button">数据测试</button>-->
            <button id="start" class="btn-sub ml10" type="button">生成</button>
            <button id="save" class="btn-sub ml10" type="button">保存数据</button>
            <button id="reset" class="btn-sub ml10" type="reset">清空数据</button>
        </div>
    </form>

    <div class="form-item hide">
        <label class="form-title">html：</label>
        <div class="form-content">
            <textarea rows="2" cols="2" name="html"></textarea>
        </div>
    </div>
</div>
</body>

<script>
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'src/js/index.js?' + new Date().getTime();
    document.getElementsByTagName('head')[0].appendChild(script);
</script>
</html>

